<template>
    <div class="tabbar">
        <span v-for="(item,index) in list " :key="index">{{item}}</span>
    </div>
</template>

<script>
export default {
    data() {
        return {
            list: ['首页','爆爆团','订单','我的'],
        };
    },
}
</script>

<style scoped>
    .tabbar {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 60px;
        /* background-color: skyblue; */
    }
</style>

